<template>
	<view>
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<block slot="content">社区入驻</block>
		</custom-nav-sq-xcx>
		<sq-screen-area :formFlag="true" :needBtnFlag="true">
			<block slot="formContent">
				<view class="sqFormWrap">
					<view class="formItem">
						<view class="formTit"><text class="mustTag">*</text>姓名</view>
						<view class="formCon">
							<input class="formInp" type="text" v-model="userName" placeholder="请输入姓名" maxlength="6" placeholder-style="color:#8789B1"/>
						</view>
					</view>
					<view class="formItem">
						<view class="formTit"><text class="mustTag">*</text>身份证号</view>
						<view class="formCon">
							<input class="formInp" type="text" v-model="idCardNo" placeholder="请输入身份证号" maxlength="18" placeholder-style="color:#8789B1"/>
						</view>
					</view>
					<view class="formItem">
						<view class="formTit"><text class="mustTag">*</text>联系方式</view>
						<view class="formCon">
							<input class="formInp" type="tel" v-model="mobile" placeholder="请输入联系方式" maxlength="11" placeholder-style="color:#8789B1"/>
						</view>
					</view>
					<view class="formItem">
						<view class="formTit"><text class="mustTag">*</text>社区/村委会</view>
						<view class="formCon dis">{{levelB}}</view>
					</view>
					<view class="formItem">
						<view class="formTit"><text class="mustTag">*</text>小区/村庄</view>
						<!-- <picker class="formCon sqPickerView"  @change="bindFeedBackTag" :value="feedIndex" :range="feedTag" range-key="name">
							<view class="street" :class="[isSelTagFlag ? 'hasSel' : '']">{{feedTagTxt}}</view>
							<view class="triView">选择</view>
						</picker> -->
					</view>
					<view class="formItem">
						<view class="formTit">栋/组</view>
						<view class="formCon">
							<input class="formInp" type="tel" v-model="mobile" placeholder="栋/组" maxlength="11" placeholder-style="color:#8789B1"/>
						</view>
					</view>
				</view>
			</block>
			<block slot="formBtn">
				<button class="comBtn sq hasBorRad" :disabled="btnDisabFlag" @tap="goSubmit">{{btnTit}}</button>
			</block>
		</sq-screen-area>
	</view>
</template>

<script>
	import SqScreenArea from "@/components/sq-screen-area";
	export default {
		components:{ 
			SqScreenArea 
		},
		data(){
			return{
				userName:'',
				idCardNo:'',
				mobile:'',
				btnTit:'提交',
				levelB:'黄河路社区',
				levelC:'',
				levelD:''
			}
		},
		methods:{
			goSubmit(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/static/scss/addYybs.scss';
	.dis{
		line-height: 90rpx;
		padding: 0 30rpx;
		background: $sq-fue;
	}
</style>